<template>
    <a-select v-model:value="mode">
        <a-select-option value="time">Time</a-select-option>
        <a-select-option value="date">Date</a-select-option>
        <a-select-option value="week">Week</a-select-option>
        <a-select-option value="month">Month</a-select-option>
        <a-select-option value="quarter">Quarter</a-select-option>
        <a-select-option value="year">Year</a-select-option>
    </a-select>
    <a-date-picker v-model:value="time" :picker="mode" @panelChange="panelChange" />
    <a-date-picker v-model:value="time" :picker="mode" @panelChange="panelChange" />
</template>
<script setup lang="ts">
import { ref } from 'vue';

const time = ref<string>("")
let mode = ref<string>("year")

const panelChange = (a: any,b: any) => {
    console.log('panelChange ==============>', a, b)
}
</script>